<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
          name="viewport">
    <title>管理主页</title>
    {#    <link rel="stylesheet" href="/admin/css/app.css?v=1.0.0">#}
    {#    <link rel="stylesheet" href="/admin/css/media.css">#}
    {#    <link rel="stylesheet" href="/admin/css/font.css">#}
    {#    <link rel="stylesheet" href="/admin/css/layout.css?v=1.0.0">#}
    {#    <link rel="stylesheet" href="/admin/css/layoutPosition.css?v=1.0.0">#}
    {#    <link rel="stylesheet" href="/admin/css/color.css?v=1.0.0">#}
    {#    <link rel="stylesheet" href="/admin/css/border.css?v=1.0.0">#}
    <link rel="stylesheet" href="/admin/css/flex.css?v=1.0.0">
    {#    <link rel="stylesheet" href="/admin/css/fa.css">#}
    {#    <link rel="stylesheet" href="/admin/css/index.css">#}
    <link rel="stylesheet" href="/layui/css/layui.css?v=1.0.1">
    {#    <link rel="stylesheet" href="/admin/css/main.css?v=1.0.2">#}
    <link rel="stylesheet" href="/admin/css/muse-ui.css?v=1.0.2">
    <link rel="stylesheet" href="/admin/css/muse-ui-toast.all.css?v=1.0.2">
    <link rel="stylesheet" href="/admin/css/muse-ui-loading.all.css?v=1.0.2">
    {% set assetsRoot = "/themes/sano" %}
    {% set rnd = "?rnd="~random() %}

    <link rel="stylesheet" href="{{ assetsRoot }}/dist/modules/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="{{ assetsRoot }}/dist/modules/ionicons/css/ionicons.min.css">
    <link rel="stylesheet"
          href="{{ assetsRoot }}/dist/modules/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css">

    <link rel="stylesheet" href="{{ assetsRoot }}/dist/modules/summernote/summernote-lite.css">
    <link rel="stylesheet" href="{{ assetsRoot }}/dist/modules/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="{{ assetsRoot }}/dist/css/demo.css">
    <link rel="stylesheet" href="{{ assetsRoot }}/dist/css/style.css{{ rnd }}">
</head>

<body>
{#{{ dump(menuTree) }}#}
<div id="Page">
    <div class="main-wrapper">
        <div class="navbar-bg"></div>
        <nav class="navbar navbar-expand-lg main-navbar">
            <form class="form-inline mr-auto">
                <ul class="navbar-nav mr-3">
                    <li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i
                                    class="ion ion-navicon-round"></i></a></li>
                    <li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-sm-none"><i
                                    class="ion ion-search"></i></a></li>
                </ul>
                <div class="search-element">
                    <input class="form-control" type="search" placeholder="Search" aria-label="Search">
                    <button class="btn" type="submit"><i class="ion ion-search"></i></button>
                </div>
            </form>
            <ul class="navbar-nav navbar-right">
                <li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown"
                                                             class="nav-link notification-toggle nav-link-lg beep"><i
                                class="ion ion-ios-bell-outline"></i></a>
                    <div class="dropdown-menu dropdown-list dropdown-menu-right">
                        <div class="dropdown-header">系统消息
                            <div class="float-right">
                                <a href="#">查看全部</a>
                            </div>
                        </div>
                        <div class="dropdown-list-content">
                            <a href="#" class="dropdown-item dropdown-item-unread">
                                <img alt="image" src="{{ assetsRoot }}/dist/img/avatar/avatar-1.jpeg"
                                     class="rounded-circle dropdown-item-img">
                                <div class="dropdown-item-desc">
                                    <b>Kusnaedi</b> has moved task <b>Fix bug header</b> to <b>Done</b>
                                    <div class="time">10 Hours Ago</div>
                                </div>
                            </a>
                            <a href="#" class="dropdown-item dropdown-item-unread">
                                <img alt="image" src="{{ assetsRoot }}/dist/img/avatar/avatar-2.jpeg"
                                     class="rounded-circle dropdown-item-img">
                                <div class="dropdown-item-desc">
                                    <b>Ujang Maman</b> has moved task <b>Fix bug footer</b> to <b>Progress</b>
                                    <div class="time">12 Hours Ago</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </li>
                <li class="dropdown"><a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg">
                        <i class="ion ion-android-person d-lg-none"></i>
                        <div class="d-sm-none d-lg-inline-block">Hi, admin</div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a href="profile.html" class="dropdown-item has-icon">
                            <i class="ion ion-android-person"></i> 信息管理
                        </a>
                        <a href="#" class="dropdown-item has-icon">
                            <i class="ion ion-log-out"></i> 注销
                        </a>
                    </div>
                </li>
            </ul>
        </nav>
        {#        侧边栏 start#}
        <div class="main-sidebar">
            <aside id="sidebar-wrapper">
                <div class="sidebar-brand">
                    <a href="{{ path('BackIndex') }}">管理后台</a>
                </div>
                <div class="sidebar-user">
                    <div class="sidebar-user-picture">
                        <img alt="image" src="{{ assetsRoot }}/dist/img/avatar/avatar-1.jpeg">
                    </div>
                    <div class="sidebar-user-details">
                        <div class="user-name">admin</div>
                        <div class="user-role">
                            超级管理员
                        </div>
                    </div>
                </div>
                <ul class="sidebar-menu">
                    {% for root in menuTree %}
                        <li class="menu-header">{{root.name}}</li>

                        {% for item in root.sons %}
                            {% if item.sons|length > 0 %}
{#                                有下级分类#}
                                <li>
                                    {% if item.icon %}
                                        <a href="#" class="has-dropdown"><i class="{{item.icon}}"></i><span>{{item.name}}</span></a>
                                    {% else %}
                                        <a href="#" class="has-dropdown"><i class="ion-arrow-right-b"></i><span>{{item.name}}</span></a>
                                    {% endif %}
                                    <ul class="menu-dropdown">
                                        {% for son in item.sons %}<li class="{{ uri == "/admin/Shop" ? "active" : "" }}">
                                            {% if son.icon|length > 0 %}
                                                <a href="{{son.url}}"><i class="{{son.icon}}"></i> {{son.name}} - {{  dump(son.icon) }}</a>
                                            {% else %}
                                                <a href="{{son.url}}"><i class="ion-ios-circle-outline"></i> {{son.name}}</a>
                                            {% endif %}
                                        </li>{% endfor %}
                                    </ul>
                                </li>
                            {% else %}
{#                                没有下级分类#}
                                <li>
                                    <a href="{{item.url}}"><i class="{{item.icon}}"></i><span>{{item.name}}</span></a>
                                </li>
                            {% endif %}

{#                            {{ dump(item.sons) }}#}
                        {% endfor %}
                    {% endfor %}


                    <li class="menu-header">总览</li>
                    <li class="active">
                        <a href="{{ path('BackIndex') }}"><i class="ion ion-speedometer"></i><span>平台首页</span></a>
                    </li>
                    <li class="menu-header">项目管理</li>
                    <li>
                        <a href="#" class="has-dropdown"><i class="ion ion-ios-albums-outline"></i><span>商户管理</span></a>
                        <ul class="menu-dropdown">
                            <li class="{{ uri == "/admin/Shop" ? "active" : "" }}"><a href="/admin/Shop"><i
                                            class="ion ion-ios-circle-outline"></i> 商户列表</a></li>
                            <li><a href="components.html"><i class="ion ion-ios-circle-outline"></i> {{ uri }}</a>
                            </li>
                            <li><a href="buttons.html"><i class="ion ion-ios-circle-outline"></i> Buttons</a></li>
                            <li><a href="toastr.html"><i class="ion ion-ios-circle-outline"></i> Toastr</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="has-dropdown"><i class="ion ion-flag"></i><span>Icons</span></a>
                        <ul class="menu-dropdown">
                            <li><a href="ion-icons.html"><i class="ion ion-ios-circle-outline"></i> Ion Icons</a></li>
                            <li><a href="fontawesome.html"><i class="ion ion-ios-circle-outline"></i> Font Awesome</a>
                            </li>
                            <li><a href="flag.html"><i class="ion ion-ios-circle-outline"></i> Flag</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="table.html"><i class="ion ion-clipboard"></i><span>Tables</span></a>
                    </li>
                    <li>
                        <a href="chartjs.html"><i class="ion ion-stats-bars"></i><span>Chart.js</span></a>
                    </li>
                    <li>
                        <a href="simple.html"><i class="ion ion-ios-location-outline"></i><span>Google Maps</span></a>
                    </li>
                    <li>
                        <a href="#" class="has-dropdown">
                            <i class="ion ion-ios-copy-outline"></i>
                            <span>Examples</span>
                        </a>
                        <ul class="menu-dropdown">
                            <li>
                                <a href="login.html"><i class="ion ion-ios-circle-outline"></i> Login</a>
                            </li>
                            <li><a href="register.html"><i class="ion ion-ios-circle-outline"></i> Register</a></li>
                            <li><a href="forgot.html"><i class="ion ion-ios-circle-outline"></i> Forgot Password</a>
                            </li>
                            <li><a href="reset.html"><i class="ion ion-ios-circle-outline"></i> Reset Password</a></li>
                            <li><a href="404.html"><i class="ion ion-ios-circle-outline"></i> 404</a></li>
                        </ul>
                    </li>
                    <li class="menu-header">平台配置</li>
                    <li class="">
                        <a href="#" class="has-dropdown"><i class="ion ion-ios-settings"></i> 管理员</a>
                        <ul class="menu-dropdown">
                            <li><a href="#"><i class="ion ion-ios-circle-outline"></i> 管理员列表 </a></li>
                            <li class="active"><a href="#"><i class="ion ion-record"></i> 管理员分组 </a></li>
                        </ul>
                    </li>
                    <li class="">
                        <a href="#" class="has-dropdown"><i class="ion ion-ios-settings"></i> 规则设置</a>
                        <ul class="menu-dropdown">
                            <li class=""><a href="/admin/ComCategory"><i class="ion ion-record"></i> 公共分组 </a></li>
                            <li><a href="/admin/Config"><i class="ion ion-ios-circle-outline"></i> 配置表 </a></li>
                        </ul>
                    </li>
                    {#                    系统初期菜单 start#}
                    <li class="menu-header">系统初期菜单</li>
                    {% for item in menu %}
                        <li>
                            <a href="/admin/{{ item.name }}">
                                <i class="ion ion-ios-circle-outline"></i>
                                {#                                [{{ item.group }}]#}
                                {{ item.title }}
                            </a>
                        </li>
                    {% endfor %}

                    {#                    系统初期菜单 end#}


                </ul>
                <div class="p-3 mt-4 mb-4">
                    <a href="#" class="btn btn-danger btn-shadow btn-round has-icon has-icon-nofloat btn-block">
                        <i class="ion ion-help-buoy"></i>
                        <div>Go PRO!</div>
                    </a>
                </div>
            </aside>
        </div>
        {#        侧边栏 end#}
        {#        主体 start#}
        <div class="main-content">
            <section class="section">
                {% block main %}{% endblock %}
            </section>
        </div>
        {#        主体 end#}
        {#        底部 start#}
        <footer class="main-footer">
            <div class="footer-left">
                Copyright &copy; 2018
                <div class="bullet"></div>
                More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from
                <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
            </div>
            <div class="footer-right"></div>
        </footer>
        {#        底部 end#}
    </div>
</div>


{#<script src="/admin/js/jquery-1.10.2.min.js"></script>#}
<script src="{{ assetsRoot }}/dist/modules/jquery.min.js"></script>
<script src="{{ assetsRoot }}/dist/modules/popper.js"></script>
<script src="{{ assetsRoot }}/dist/modules/tooltip.js"></script>
<script src="{{ assetsRoot }}/dist/modules/bootstrap/js/bootstrap.min.js"></script>
<script src="{{ assetsRoot }}/dist/modules/nicescroll/jquery.nicescroll.min.js"></script>
<script src="{{ assetsRoot }}/dist/modules/scroll-up-bar/dist/scroll-up-bar.min.js"></script>
<script src="{{ assetsRoot }}/dist/js/sa-functions.js"></script>


<script src="/layui/layui.all.js"></script>
{#<script src="/admin/js/jquery-1.10.2.min.js"></script>#}
{#<script src="/admin/js/api.js?v=1.1.5"></script>#}
<script src="/admin/js/main.js?v={{ rnd }}"></script>
{#<script src="/admin/js/0app.js?v={{ rnd }}"></script>#}
{#<script src="/admin/js/0window.js?v=1.0.0"></script>#}
<script src="/admin/js/0mvvm.es5.js?v={{ rnd }}"></script>
<script src="/admin/js/0list.js?v=1.0.0"></script>
{#<script src="/admin/js/0init.js?v=1.0.0"></script>#}

{#<script src="/admin/layer/layer.js?v=1.0.0"></script>#}
<script src="/admin/js/vue.js"></script>
<script src="/admin/js/muse-ui.js"></script>
<script src="/admin/js/muse-ui-loading.js"></script>
{#<script src="/admin/js/vue.min.es5.js"></script>#}
{#<script src="/admin/js/muse-ui.es5.js"></script>#}
{#<script src="/admin/js/muse-ui-loading.es5.js"></script>#}

{% block myJs %}{% endblock %}
{% block script %}{% endblock %}

<script src="{{ assetsRoot }}/dist/js/scripts.js{{ rnd }}"></script>
<script src="{{ assetsRoot }}/dist/js/custom.js{{ rnd }}"></script>
<script src="{{ assetsRoot }}/dist/js/demo.js{{ rnd }}"></script>
</body>
</html>